
//弹出登录注册框
function show_login() {
    $(".box-y").css({transform:'scale(1)'})
}

$(".del").click(function () {
    $(".box-y").css({transform:'scale(0)'})
})
$(".cos").click(function () {
    $(".cos").removeClass("cos-y")
    $(this).addClass('cos-y')
    if($(this).text()=='登录'){
        $(".login").eq(1).removeClass("con")
        $(".login").eq(0).addClass('con')
    }else{
        $(".login").eq(1).addClass("con")
        $(".login").eq(0).removeClass('con')
    }
})

//轮播图部分
var lisImg = document.querySelectorAll('.imgBox li');
var lisTab = document.querySelectorAll('.tabBox li');
var showIndex=1;
for( var i = 0; i < lisTab.length; i++ ){
    lisTab[i].index = i;
    lisTab[i].onmouseover = function(){
        showIndex=this.index;
        show(this.index);
    }
}
function show(num){
    for(var k=0;k<lisTab.length;k++){
        lisImg[k].style.opacity=0;
        lisTab[k].className='';
    }
    lisImg[num].style.opacity=1;
    lisTab[num].className='current';
}
show(showIndex);

var timer;
timer=setInterval(function () {
    showIndex++;
    if(showIndex>=lisTab.length){
        showIndex=0;
    }
    show(showIndex);
},1500)
$(".imgBox").mouseover(function () {
    clearInterval(timer)
}).mouseleave(function () {
    timer=setInterval(function () {
        showIndex++;
        if(showIndex>=lisTab.length){
            showIndex=0;
        }
        show(showIndex);
    },1500)
})
$(".tabBox").mouseover(function () {
    clearInterval(timer)
}).mouseleave(function () {
    timer=setInterval(function () {
        showIndex++;
        if(showIndex>=lisTab.length){
            showIndex=0;
        }
        show(showIndex);
    },1500)
})

//收起轮播图
var str=true
$(".foot").click(function () {
    if(str){
        $(".bannerBox").css({height:0+'px'})
        $(this).html("&#9660;");
        str=false;
    }else{
        $(".bannerBox").css({height:320+'px'})
        $(".foot").html("&#9650;");
        str=true
    }
})

//主题部分
$(".zhong-ye1").mouseover(function () {
    $(".zhong-y1").css({height:160+'px'})
    $(".show1").html("&#9650;")
}).mouseleave(function () {
    $(".zhong-y1").css({height:0})
    $(".show1").html("&#9660;")
})
$(".zhong-ye2").mouseover(function () {
    $(".zhong-y2").css({height:100+'px'})
    $(".show2").html("&#9650;")
}).mouseleave(function () {
    $(".zhong-y2").css({height:0})
    $(".show2").html("&#9660;")
})

//显示购物车数量
function shopNum(){
    if($(".name").html()==="登录/注册"){
        $(".move").html(0);
    }else{
        $.ajax({
            url:"gouwuNumber",
            type:"get",
            dataType:"JSON",
            data:{
                name:$(".name").text()
            },
            success:function (num) {
                console.log(num)
                // noinspection JSAnnotator
                $(".move").html(num);
            }
        })
    }

}

//数据渲染函数
function shuju(data){
    clearInterval(timer)
    var goods=""    //数据渲染
    var page=1;    //默认第一页
    var pageNum=8;   //每页8条数据
    var arr=[];

    for(var i=(page-1)*pageNum;i<pageNum*page;i++){
        arr.push(data[i])
        goods += "<div class='asd'>"
            +"<a href='javascript:void(0)'><img class='msg1' src="+data[i][3]+" alt=''></a>"
            +"<div class='mt-10'>"
            +"<p><span>价格：</span><span class='cl1 msg2'>"+data[i][2]+"</span><span>元/件</span></p>"
            +"<p><span>名称：</span><span class='msg3'>"+data[i][0]+"</span></p>"
            +"<p><span>数量：</span><span class='cl2 msg4'>"+data[i][1]+"</span><span>件</span></p>"
            +"<span class='jia' title='加入购物车'>&#10019;</span>"
            +"</div>"
            +"</div>"
    }

    $("#more-food").html(goods)

    //添加购物车
    addList(arr);

    // pageMe.js 使用方法
    $("#page").paging({
        pageNum: 1,                             // 当前页面
        totalNum: data.length/8,                          // 总页码
        totalList: data.length,                        // 记录总数量
        callback: function (num) { //回调函数
            var goods1="";
            arr=[];
            console.log(data.length)
            for(var i=(num-1)*pageNum;i<pageNum*num;i++){
                arr.push(data[i])
                goods1 += "<div class='asd'>"
                    +"<a href='javascript:void(0)'><img src="+data[i][3]+" alt=''></a>"
                    +"<div class='mt-10'>"
                    +"<p><span>价格：</span><span class='cl1'>"+data[i][2]+"</span><span>元/件</span></p>"
                    +"<p><span>名称：</span><span>"+data[i][0]+"</span></p>"
                    +"<p><span>数量：</span><span class='cl2'>"+data[i][1]+"</span><span>件</span></p>"
                    +"<span class='jia' title='加入购物车'>&#10019;</span>"
                    +"</div>"
                    +"</div>"
            }

            $("#more-food").html(goods1)

            //添加购物车
            addList(arr);
        }
    });

}

//添加购物车
function addList(arr){
    //添加购物车
    for(var i=0;i<$(".jia").length;i++){
        $(".jia")[i].index=i;
        $(".jia").eq(i).click(function () {
            //显示购物车数量
            shopNum();
            if($(".name").html()==="登录/注册"){
                return alert("请先登录");
            }else{
                $.ajax({
                    url:"addShop",
                    type:"get",
                    data:{
                        name:$(".name").text(),
                        picture:arr[this.index][3]
                    },
                    dataType:"JSON",
                    success:function (data) {
                        //显示购物车数量
                        if(data){
                            alert("添加成功")
                            shopNum();
                        }else{
                            alert("123")
                        }
                    },
                    error:function () {
                        alert("系统错误")
                    }
                })
            }

        })
    }

}

//页面信息渲染
$(document).ready(function () {

    //显示购物车数量
    shopNum();

    var timer=setInterval(function () {
        $(".load").css({transform:'rotate(10000deg)'})
    },16.7)
    $.ajax({
        url:"findAll",
        type:"get",
        dataType: 'JSON',
        beforeSend: function(){

        },
        success:function (data) {

            shuju(data);
        },
        error:function () {
            console.log("失败")
        }
    })
})

//种类选择
$(".choose").click(function () {
    var timer=setInterval(function () {
        $(".load").css({transform:'rotate(10000deg)'})
    },16.7)

    $.ajax({
        url: 'choose',
        type: 'get',
        data: {
            type: $(this).text()
        },
        dataType: "JSON",
        success: function (data) {
            console.log(data)
            shuju(data);

        },
        error:function () {
            console.log("请求失败")
        }
    })
})

//评价选择
$(".choose2").click(function () {
    var timer=setInterval(function () {
        $(".load").css({transform:'rotate(10000deg)'})
    },16.7)
    $.ajax({
        url:"choose2",
        type:"get",
        dataType:"JSON",
        data:{
            type:$(this).text()
        },
        success:function (data) {
            console.log(data)
            shuju(data)
        },
        error:function () {
            console.log("请求失败")
        }
    })
})

//退出登录
$(".close-login").mouseover(function () {
    $(".close-login").css({height:175+'px'})
}).mouseleave(function () {
    $(".close-login").css({height:40+'px'})
})

//返回顶部
$(function () {
    $('#goToTop a').click(function () {
        $('html , body').animate({scrollTop: 0}, 'slow');
    });
});


//修改密码
$(".change").click(function () {
    $(".changepassword").css({
        transform:'scale(1)'
    })
})
$(".closechange").click(function () {
    $(".changepassword").css({
        transform:'scale(0)'
    })
})